<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>

<h3>
	<s:text name="page.heading.settings" />
</h3>

<s:form cssClass="form-horizontal" theme="simple">
	<div class="form-group">
		<s:actionmessage cssClass="alert alert-success" />
	</div>
	<div class="control-group">
		<label class="control-label" for="inputLabel"><s:text
				name="controller.name" /></label>
		<div class="controls">
			<s:textfield name="controller.name" cssClass="input-xlarge"
				placeholder="%{getText('controller.name')}" disabled="true" />
		</div>
	</div>
	<div class="control-group">
		<label class="control-label" for="inputName"><s:text
				name="controller.user.name" /></label>
		<div class="controls">
			<s:textfield name="controller.userName" cssClass="input-xlarge"
				value="sysop" disabled="true" />
		</div>
	</div>
	<div class="control-group">
		<label class="control-label" for="inputPassword"><s:text
				name="controller.password" /></label>
		<div class="controls">
			<s:password name="controller.userPassword" cssClass="input-xlarge"
				value="sysop" disabled="true" showPassword="true" />
		</div>
	</div>
	<div class="control-group">
		<label class="control-label"><s:text
				name="controller.operatemethod" /></label>
		<div class="controls">
			<s:select list="cameraType" name="operateMethod" listKey="key" listValue="value" value="controller.operateMethod" disabled="true"></s:select>
			<%-- value="controller.operateMethod" --%>
		</div>
	</div>
	<div class="control-group">
		<label class="control-label"><s:text
				name="controller.host" /></label>
		<div class="controls">
			<s:textfield name="controller.url" cssClass="input-xlarge"
				placeholder="%{getText('controller.host')}" disabled="true" />
		</div>
	</div>
	
	<div class="control-group">
		<label class="control-label"><s:text
				name="controller.protocol" /></label>
		<div class="controls">
			<s:textfield name="controller.protocol" cssClass="input-xlarge"
				placeholder="%{getText('controller.protocol')}" disabled="true" />
		</div>
	</div>
	<div class="control-group">
		<label class="control-label"><s:text
				name="controller.port.http" /></label>
		<div class="controls">
			<s:textfield name="controller.httpPort" cssClass="input-small"
				placeholder="%{getText('controller.port.http')}" disabled="true" />
		</div>
	</div>
	<div class="control-group">
		<label class="control-label"><s:text
				name="controller.port.rtsp" /></label>
		<div class="controls">
			<s:textfield name="controller.rtspPort" cssClass="input-small"
				placeholder="%{getText('controller.port.rtsp')}" disabled="true" />
		</div>
	</div>
	<div class="control-group">
		<label class="control-label"><s:text
				name="controller.port.control" /></label>
		<div class="controls">
			<s:textfield name="controller.controlPort" cssClass="input-small"
				placeholder="%{getText('controller.port.control')}" disabled="true" />
		</div>
	</div>
	<div class="form-actions">
		<s:url action="edit" namespace="/controller" var="controllerEditUrl"
			includeParams="none">
			<s:param name="id" value="%{controller.id}" />
		</s:url>
		<sj:a href="%{#controllerEditUrl}" targets="targetDiv"
			cssClass="btn btn-primary">
			<s:text name="form.btn.edit" />
		</sj:a>
	</div>
</s:form>